<template>
  <!-- 头部 -->
  <div class="oi-container">
    <oi-header />
    <!-- 中间主体区域 -->
    <div class="oi-main"><nuxt /></div>
    <!-- 底部区域 -->
    <oi-footer />
    <!-- 回到顶部，bottom 下拉距离顶部多高时， 显示回到顶部图标。注意不要加 :target -->
    <el-backtop :bottom="80"></el-backtop>
  </div>
</template> 
<script>
import OiHeader from "@/components/layout/Header";
import OiFooter from "@/components/layout/Footer";
export default {
  components: { OiHeader, OiFooter },
};
</script> 
<style coped>
.oi-main {
  padding-top: 90px;
  max-width: 1140px;
  margin: 0 auto;
}
</style>